{{ if and .IsPage (ne .Params.comment false) -}}
  <!-- Disqus Comment System-->
  {{- if .Site.DisqusShortname -}}
  <div id="disqus_thread"></div>
  <script type="text/javascript">
      (function() {
          // Don't ever inject Disqus on localhost--it creates unwanted
          // discussions from 'localhost:1313' on your Disqus account...
          if (window.location.hostname == "localhost")
              return;
          var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
          var disqus_shortname = '{{ .Site.DisqusShortname }}';
          dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
          (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
      })();
  </script>
  <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
  <a href="https://disqus.com/" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
{{- end -}}

      <!-- gitalk Comment System-->
      {{- if .Site.Params.gitalk.owner -}}
      <div id="gitalk-container"></div>
      <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.css" crossorigin="anonymous">
      <script src="https://cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.min.js" crossorigin="anonymous"></script>
      <script type="text/javascript">
          var gitalk = new Gitalk({
              id: '{{ .Date }}',
              title: '{{ .Title }}',
              clientID: '{{ .Site.Params.gitalk.clientId }}',
              clientSecret: '{{ .Site.Params.gitalk.clientSecret }}',
              repo: '{{ .Site.Params.gitalk.repo }}',
              owner: '{{ .Site.Params.gitalk.owner }}',
              admin: ['{{ .Site.Params.gitalk.owner }}'],
              body: decodeURI(location.href)
          });
          gitalk.render('gitalk-container');
      </script>
      <noscript>Please enable JavaScript to view the <a href="https://github.com/gitalk/gitalk">comments powered by gitalk.</a></noscript>
  {{- end -}}

<!-- valine -->
    {{- if .Site.Params.valine.enable -}}
        {{- if .Site.Params.valine.visitor -}}
        <span id="{{ .RelPermalink | relURL }}" class="leancloud_visitors" data-flag-title="{{ .Title }}">
            <span class="post-meta-item-text"> Visitors: </span>
            <span class="leancloud-visitors-count">0</span>
            <p></p>
        </span>
        {{- end -}}
        <div id="vcomments"></div>
        <script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
        <script src="//unpkg.com/valine/dist/Valine.min.js"></script>
        <script type="text/javascript">
            new Valine({
                el: '#vcomments',
                lang: {{ .Site.Params.valine.language }},
                appId: {{ .Site.Params.valine.appId }},
                appKey: {{ .Site.Params.valine.appKey }},
                notify: {{ .Site.Params.valine.notify }},
                verify: {{ .Site.Params.valine.verify }},
                avatar: {{ .Site.Params.valine.avatar }},
                placeholder: {{ .Site.Params.valine.placeholder }},
                visitor: {{ .Site.Params.valine.visitor }},
            });
        </script>
    {{- end -}}
<!-- utterances -->
  {{- if .Site.Params.utterances.owner}}
    <script src="https://utteranc.es/client.js"
            repo="{{ .Site.Params.utterances.owner }}/{{ .Site.Params.utterances.repo }}"
            issue-term="pathname"
            theme="github-light"
            crossorigin="anonymous"
            async>
    </script>
    <noscript>Please enable JavaScript to view the <a href="https://github.com/utterance">comments powered by utterances.</a></noscript>
  {{- end }}

 <!-- gitment -->
  {{- if .Site.Params.gitment.owner -}}
    <div id="comments-gitment"></div>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/theme-next/theme-next-gitment@1/default.min.css" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/gh/theme-next/theme-next-gitment@1/gitment.browser.min.js" crossorigin="anonymous"></script>
    <script type="text/javascript">
      var gitment = new Gitment({
        id: '{{ .Date }}',
        title: '{{ .Title }}',
        link: decodeURI(location.href),
        desc: '{{ .Summary }}',
        owner: '{{ .Site.Params.gitment.owner }}',
        repo: '{{ .Site.Params.gitment.repo }}',
        oauth: {
          client_id: '{{ .Site.Params.gitment.clientId }}',
          client_secret: '{{ .Site.Params.gitment.clientSecret }}'
        }
      });
      gitment.render('comments-gitment');
    </script>
    <noscript>Please enable JavaScript to view the <a href="https://github.com/imsun/gitment">comments powered by gitment.</a></noscript>
  {{- end -}}
{{- end }}
